<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>homework</title>
  <style>
    #div1{
      overflow: hidden;
      margin-right: 8px;
      margin-bottom: 10px;
    }
    .gray{
      background-color: gray;
      width: 611px;
      height: 376px;
      float: left;
      margin-right: 10px;
    }
    .yellow{
      background-color: yellow;
      width: 375px;
      height: 376px;
      float: left;
    }
    .pink{
      background-color: pink;
      width: 366px;
      height: 233px;
      float: left;
      margin-right: 20px;
    }
    .blue{
      background-color: #0aa1ed;
      width: 198px;
      height: 233px;
      float: left;
      margin-right: 8px;
    }
  </style>
</head>
<body>
<div id="div1">
  <div class="gray"></div>
  <div class="yellow"></div>
</div>
<div id="div2">
  <div class="pink"></div>
  <div class="blue"></div>
  <div class="blue"></div>
  <div class="blue"></div>
</div>
</body>
</html>
